﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";

// write all views/customer/* page styles.

.login-page {
    .buttons {
        padding-left: 120px;
    }

    .returning-block {
        position: relative;
    }

    .returning-form-fields {
        width: 450px;

        .field-validation-error {
            padding-left: 120px !important;
        }
    }

    .external-authentication {
        left: 460px;
        position: absolute;
        padding-left: 10px;
        top: 50px;
        border-left: 1px solid #E8E8E8;

        .facebook-login-block {
            margin: 20px 0;
        }
    }
}

.password-recovery-page {
    .result {
        font-weight: bold;
        margin: 5px 0;
    }
}

.registration-page {
    .gender {
        float: left;

        label {
            width: 80px !important;
        }
    }

    select.form-control {
        width: 100px !important;
        margin-right: 10px;
    }
}

.account-page {
    .gender {
        float: left;

        label {
            width: 80px !important;
        }
    }

    .buttons {
        padding-left: 120px;
    }

    .section {
        margin-top: 10px;
        border: 1px solid #c8c8c8;
        float: left;
        margin-right: 10px;
        width: 48%;
        padding: 0 0 10px 0;

        ul {
            padding-left: 10px;
            list-style: none;
        }

        .title {
            background: #f0f0f0;
            text-align: left;
            font-weight: bold;
            padding: 2px 10px;
        }

        .info {
            padding: 10px;
        }

        .buttons {
            padding-left: 10px;
        }
    }
}

.customer-info-page {
    select.form-control {
        width: 100px !important;
        margin-right: 10px;
    }
}

.address-list-page {
    .address-list {
        clear: both;
        overflow: hidden;
    }

    .buttons {
        .btn-default {
            width: 100px;
        }
    }

    .add-button {
        margin-top: 10px;
    }
}

.order-list-page {
    .buttons {
        .btn-default {
            width: 100px;
        }
    }
}
